body { font: 12px "Tahoma", "Verdana", "宋体"; color: #323232; background: #FFFFFF url(/public/images/default/page_top_bg.jpg) repeat-x left top; text-align: center; margin: 0; padding: 0; }
#top { height: 33px; z-index: 5; }
#top ul,
#top dl { display: block; list-style: none; margin: 0px; padding: 0px; }
#top .left { float: left; padding-top: 7px; width: 80%; }
#top .left li { display: block; float: left; padding: 0px 8px 0px 0px; height: 16px; line-height: 16px; }
#top .left .last { border-width: 0px; padding-right: 0px; }
#top .right { float: right; padding-top: 7px; z-index: 6; }
#top .right li { display: block; float: left; position: relative; padding-right: 5px; padding-left: 5px; z-index: 1; }
#top .right .last { padding-right: 0px; }
#top .right a { background: url(/public/images/default/top_icon.gif) no-repeat 0 0; display: block; width: 16px; height: 16px; }
#top .right .mail { background-position: 0 0; }
#top .right .bank { background-position: -20px 0; }
#top .right .download { background-position: -40px 0; }
#top .right .favorites { background-position: -60px 0; width: 48px; }
#top .right .mail:hover { background-position: 0 -16px; }
#top .right .bank:hover { background-position: -20px -16px; }
#top .right .download:hover { background-position: -40px -16px; }
#top .right .favorites:hover { background-position: -60px -16px; }
#top .right li ul { display: none; position: absolute; left: 0px; margin: 0px; padding: 0px; z-index: 100; background: #E6E6E6; }
#top .right li ul li { display: block; margin: 0px; padding: 0px; clear: both; float: none; text-align: center; width: 32px; height: 24px; line-height: 24px; }
#top .right li ul li a { background: none; display: block; margin: 0px; padding: 0px; width: 100%; }
.ad { padding-top: 1px; }
.ad .left { display: block; float: left; }
.ad .right { float: right; width: 257px; height: 137px; overflow: hidden; background: #333; }
.ad .right h3 { display: block; margin: 0px; padding: 0px 0px 0px 12px; line-height: 24px; font-size: 12px; background: #333; color: #FFF; font-weight: normal; }
.ad .right p { display: block; margin: 0px; padding: 0px 0px 0px 12px; line-height: 20px; color: #FFF; background: #000; }
.blank_1px { height: 1px; overflow: hidden; }
.blank_2px { height: 2px; overflow: hidden; }
.blank_3px { height: 3px; overflow: hidden; }
.blank_4px { height: 4px; overflow: hidden; }
.blank_5px { height: 5px; overflow: hidden; }
.blank_6px { height: 6px; overflow: hidden; }
.blank_7px { height: 7px; overflow: hidden; }
.blank_8px { height: 8px; overflow: hidden; }
.blank_9px { height: 9px; overflow: hidden; }
.blank_15px { height: 15px; overflow: hidden; }
.blank_20px { height: 20px; overflow: hidden; }
.blank_10px { height: 10px; overflow: hidden; }
.box { margin: auto; width: 799px; text-align: left; }
.boderBox { width: 797px; border: 1px solid #CCCCCC; margin-right: auto; margin-left: auto; text-align: left; }
a:link,
a:visited,
a:active { color: #323232; text-decoration: none; }
a:hover { color: #FF6600; }
/*image link hack start*/
a.imageBorder img { border: 1px solid #666666; }
a.imageBorder:hover { background: transparent }
a.imageBorder:hover img { border: 1px solid #FF6600; }
/*image link hack end*/
.clear { height: 1px; width: 100%; overflow: hidden; clear: both; }
/*.clear { height: 0px; width: 100%; clear: both; overflow: hidden; }*/
.border { border: 1px solid #CCCCCC; background: #FFFFFF; }
.line { color: #f5f5f5; background: #CCCCCC; height: 1px; overflow: hidden; }
img { border-width: 0; }
#header { height: 68px; position: relative; }
#header h1 { display: block; margin: 0; padding: 0; left: 0; top: 0; position: absolute; }
#header #flag { height: 46px; width: 683px; padding-top: 22px; padding-left: 8px; position: absolute; left: 108px; top: 0; background: url(/flag/flag.jpg) no-repeat right bottom; }
#menu { background: url(/public/css/gray/images/menu_bg.gif) repeat-x; display: list-item; margin: 2px auto 0; padding: 0; height: 24px; list-style: none; }
#menu li { display: block; text-align: center; list-style: none; border-left: 1px solid #FFFFFF; float: left; height: 24px; margin: 0; width: 71px; padding-top: 0; padding-right: 0; padding-bottom: 0; }
#menu a { display: block; line-height: 20px; margin-top: 4px; }
#menu a:hover { background: #FF6600; color: #FFFFFF; }
#menu .first { border-left: none; width: 75px; }
#menu .last { width: 75px; }
#submenu { margin-top: 1px; border-top: 2px solid #CCCCCC; border-bottom-width: 0; }
#submenu .row { border-bottom: 1px solid #CCCCCC; }
#submenu h2 { display: block; margin: 0; padding: 0 0 0 25px; font-weight: bold; color: #FF6600; float: left; font-size: 12px; background: url(/images/1_24.jpg) no-repeat 12px 8px; width: 72px; line-height: 24px; }
#submenu h2 a { color: #FF6600; }
#submenu h2 a:hover { color: #007F7F; }
#submenu ul { display: block; margin: 0; padding: 0; float: left; width: 700px; }
#submenu li { width: 68px; display: block; list-style: none; float: left; padding-left: 8px; line-height: 14px; margin-top: 3px; margin-bottom: 3px; border-left: 1px solid #323232; }
#location { margin-top: 1px; position: relative; width: 532px; }
#location .txt { line-height: 26px; padding: 0 0 0 12px; margin: 0; display: block; overflow: hidden; }
#location .select { display: block; margin: 0; padding: 2px 0 0; position: absolute; top: 0; right: 12px; line-height: 24px; }
#location strong { color: #FF6600; }
#box #main { float: left; width: 534px; }
#box #main h3 { display: block; margin: 1px 0 0; padding: 0; background: url(/public/css/gray/images/subject_bg.gif) repeat-y left top; line-height: 20px; position: relative; font-size: 12px; font-weight: normal; height: 20px; }
#box #main h3 .cn { background: url(/images/blank_icon.gif) no-repeat 12px center; display: block; padding-left: 30px; line-height: 20px; }
#box #main h3 .more { display: block; position: absolute; right: 12px; top: 0; overflow: hidden; line-height: 20px; }
#product { display: block; margin: 1px 0 0; padding: 0; }
#product ul,
#productStyle_1 ul,
#productStyle_2 ul { margin: 0; padding: 0; }
#product li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; width: 175px; height: 96px; padding-top: 4px; padding-bottom: 4px; padding-left: 1px; }
#productStyle_1 li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; width: 175px; background: url(/images/huizhang_bg.gif) no-repeat center 4px; padding-top: 4px; padding-bottom: 4px; }
#productStyle_2 li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; width: 175px; padding-top: 4px; padding-bottom: 4px; padding-left: 1px; background: url(/images/ka_bg.gif) no-repeat center top; }
#product li img,
#productStyle_1 li img,
#productStyle_2 li img { vertical-align: middle; }
#product li .ahref { display: block; text-align: center; overflow: hidden; white-space: nowrap; height: 96px; width: 90px; float: left; background: url(/images/img_background.gif) no-repeat left top; }
#productStyle_1 li .ahref { display: block; text-align: center; overflow: hidden; white-space: nowrap; height: 52px; width: 175px; float: left; background: url(/images/col_line.gif) no-repeat right top; }
#productStyle_1 li .ahrefNoLine { display: block; text-align: center; overflow: hidden; white-space: nowrap; height: 52px; width: 175px; float: left; }
#productStyle_2 li .ahref { display: block; text-align: center; overflow: hidden; white-space: nowrap; height: 81px; width: 175px; float: left; margin: auto; }
#product li .blank,
#productStyle_1 li .blank,
#productStyle_2 li .blank { height: 100%; width: 1px; display: -moz-inline-box; display: inline-block; vertical-align: middle; visibility: hidden; }
#product li .txt { display: block; float: left; height: 96px; width: 80px; overflow: hidden; background: url(/images/col_line.gif) repeat-y 2px center; padding-left: 5px; }
#productStyle_1 li .txt,
#productStyle_2 li .txt { display: block; float: left; width: 137px; overflow: hidden; clear: left; height: 60px; line-height: 20px; padding-left: 19px; }
#productStyle_1 .txt .productnumber,
#productStyle_2 .txt .productnumber,
#product .txt .productnumber { display: block; line-height: 20px; }
#case { margin-top: 1px; }
#morecase ul,
#case ul { display: block; padding: 0 0 0 8px; margin: 0; }
#case li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; width: 166px; text-align: center; padding: 3px; height: 80px; }
#morecase li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; width: 166px; margin: 3px; text-align: center; padding: 0; height: 102px; }
#morecase li img,
#case li img { vertical-align: middle; }
#morecase li .ahref,
#case li .ahref { display: block; text-align: center; overflow: hidden; white-space: nowrap; float: left; height: 80px; width: 166px; background: #F4F4F4; }
#morecase li .blank,
#case li .blank { height: 100%; width: 1px; display: -moz-inline-box; display: inline-block; vertical-align: middle; visibility: hidden; }
#morecase li .name,
#case li .name { display: block; text-align: center; height: 22px; line-height: 22px; }
#pagintion { line-height: 24px; padding-top: 1px; padding-bottom: 1px; text-align: center; }
#hyzs { padding-top: 1px; padding-bottom: 1px; }
#hyzs ul { margin: 0; padding: 3px 0; }
#hyzs li { list-style: none; display: block; position: relative; line-height: 24px; background: url(/images/list_icon.gif) no-repeat 11px 12px; padding-left: 22px; border-bottom: 1px solid #F4F4F4; height: 24px; }
#hyzs .noUnderLine { list-style: none; display: block; position: relative; line-height: 24px; background: url(/images/list_icon.gif) no-repeat 11px 12px; padding-left: 22px; height: 24px; border-width: 0; }
#hyzs .date { display: block; position: absolute; top: 0; right: 15px; }
#side { width: 257px; float: right; }
#side h3 { display: block; position: relative; margin: 0; padding: 0 0 0 25px; font-size: 14px; font-weight: normal; border-bottom: 3px solid #CCCCCC; background: url(/images/1_24.jpg) no-repeat 12px center; height: 22px; }
#side h3 .cn { display: block; border-bottom: 3px solid #FF6600; float: left; position: absolute; top: 0; color: #FF6600; line-height: 22px; }
#side h3 .more { display: block; position: absolute; line-height: 24px; right: 12px; font-size: 12px; }
#side #client,
#side #contact { background: #F4F4F4; margin-top: 1px; }
#side #client { height: 150px; overflow: hidden; }
#side #client ul { margin: 0; padding: 0; }
#side #client li { line-height: 18px; padding-left: 12px; list-style: none; }
#side #contact p { display: block; padding: 0 0 0 12px; margin: 0; line-height: 20px; }
#side #contact .qq { vertical-align: middle; _padding-top: 2px; _padding-bottom: 2px; }
#side #contact .tworow { display: block; float: left; height: 30px; }
#side #friendlink { border: 1px dashed #CCCCCC; margin: 1px 0 0; padding: 0; }
#side #friendlink ul { display: block; margin: 0; padding: 0; }
#side #friendlink li { list-style: none; line-height: 20px; display: block; background: #F4F4F4; margin-top: 1px; }
#side #friendlink .title { display: block; float: left; width: 31%; padding-left: 12px; color: #FF6600; }
#side #vote { margin: 1px 0 0; }
#side #vote p { display: block; padding: 0; margin: 0 1px; clear: both; overflow: hidden; line-height: 24px; height: 24px; }
#side #vote label { display: block; float: left; width: 120px; height: 22px; overflow: hidden; padding-left: 5px; margin: 0; line-height: 22px; }
#side #vote .center { text-align: center; }
#side #vote .buttom { border-top: 1px solid #CCCCCC; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #CCCCCC; background: #CCCCCC; margin: 4px 12px; height: 24px; }
#side #vote .submit { line-height: 28px; height: 28px; text-align: center; display: block; margin: 0; padding: 6px 0 5px; }
#moreclient { padding-top: 4px; padding-bottom: 4px; }
#moreclient ul { display: block; margin: 0; padding: 0 0 0 1px; width: 532px; }
#moreclient li { display: block; list-style: none; float: left; line-height: 28px; background: #F4F4F4; overflow: hidden; width: 240px; padding-left: 10px; margin: 3px 8px; _width: 238px; _margin: 3px 6px; }
#link { border-top: 3px solid #FF6600; clear: both; margin-top: 2px; border-bottom: 1px solid #CCCCCC; padding-top: 3px; padding-bottom: 5px; }
#link a { margin-right: 5px; margin-left: 5px; line-height: 24px; height: 24px; }
#bottommenu { line-height: 24px; text-align: center; padding-top: 4px; }
#bottommenu a { color: #FF6600; margin-right: 5px; margin-left: 5px; }
#bottommenu a:hover { color: #007F7F; }
#footer { padding-top: 2px; text-align: center; }
#footer p { line-height: 24px; margin: 0; padding: 0; text-align: center; }
#aboutImg { padding-top: 9px; text-align: center; }
#StateOpenly { background: url(/images/group_bg.gif); }
#StateOpenly .boxTop { background: url(/images/avow_top.gif) no-repeat center top; height: 7px; }
#StateOpenly .boxBottom { margin: 0; padding: 0; display: block; background: url(/images/avow_bottom.gif) no-repeat center bottom; height: 7px; }
#StateOpenly .content { padding-right: 8px; padding-left: 8px; }
#news { background: url(/images/hyzs_bg.gif) repeat-y center top; }
#news .viewTop { background: url(/images/hyzs_top_bg.gif) no-repeat center top; height: 6px; clear: both; overflow: hidden; }
#news .viewBottom { background: url(/images/hyzs_bottombg.gif) no-repeat center top; height: 6px; clear: both; overflow: hidden; }
#news #left { float: left; width: 205px; overflow: hidden; background: url(/images/company_name.jpg) no-repeat 8px top; padding-top: 20px; padding-left: 8px; }
#news #left h3 { display: block; margin: 0; padding: 3px 0 0; border-width: 0; background: url(/images/line_x.gif) repeat-x left top; }
#news #left h3 .cn { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #FF6600; clear: left; width: 95%; line-height: 22px; padding-left: 5%; }
#news #contact { margin: 0; border-width: 0; clear: left; }
#news #left #contact p { display: block; margin: 0; padding: 0; line-height: 24px; clear: left; }
#news #left #contact .tworow { display: block; height: 48px; float: left; }
#news #left .lawimg { text-align: center; background: url(/images/line_x.gif) repeat-x left top; margin-top: 25px; padding-top: 6px; }
#news #left .lawimg a { border: 1px solid #999999; line-height: 48px; height: 48px; width: 118px; display: block; margin: auto; }
#news #left .lawimg a:hover { border: 1px solid #FF6600; }
#news #view,
#news #case { float: right; width: 560px; padding-right: 8px; }
#news #view h4 { display: block; margin: 0; padding: 0 0 0 15px; line-height: 24px; color: #FF6600; background: url(/images/point.gif) no-repeat 5px 12px; font-size: 12px; }
#news #view h5 { display: block; text-align: center; line-height: 24px; margin: 0 1px; padding: 0; background: #F9F9F9; border-bottom: 1px solid #CCCCCC; font-size: 12px; }
#news #view .controlFontSize { display: block; text-align: center; line-height: 30px; margin: 0; padding: 0; }
#news #view .midelSize { font-size: 14px; }
#news #view .bigSize { font-size: 16px; }
#news #view .client { background: #E0E0E0; padding: 3px; }
#news #view .client p { margin: 0; padding: 0; line-height: 24px; }
#news #view #author { padding-top: 5px; padding-bottom: 5px; padding-left: 15%; }
#news #view #author p { padding: 0; margin: 0; line-height: 20px; }
#news #case .content { background: url(/images/showcase_bg.gif) repeat-y left top; }
#news #case .boxTop { background: url(/images/showcase_top_bg.gif) no-repeat left top; height: 5px; overflow: hidden; }
#news #case .boxBottom { background: url(/images/showcase_bottom_bg.gif) no-repeat left top; height: 5px; overflow: hidden; clear: both; }
#news #case .content .img { top: 0; left: 0; width: 360px; float: left; text-align: center; }
#news #case .content .intro { width: 190px; top: 0; right: 0; float: right; margin-right: 5px; _margin-right: 2px; }
#news #case .content .intro h4 { color: #FF6600; display: block; line-height: 26px; background: #F1F1F1; margin: 0; padding-left: 6px; font-size: 14px; }
#news #case .content .intro p { margin: 0 5px; clear: left; line-height: 24px; }
#news #case .content .intro p strong { font-weight: normal; }
#news #case .content .intro .tworow { display: block; float: left; height: 25px; }
#showProduct,
#showProductStyle_1,
#showProductStyle_2 { display: block; margin: 0; padding: 0; clear: both; }
#showProduct li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; height: 116px; width: 90px; margin-left: 15px; padding: 0; margin-top: 15px; }
#showProduct li img,
#showProductStyle_1 li img,
#showProductStyle_2 li img { vertical-align: middle; }
#showProduct li .ahref { display: block; text-align: center; overflow: hidden; white-space: nowrap; background: url(/images/img_background.gif) no-repeat left top; width: 90px; float: left; height: 96px; }
#showProductStyle_1 li .blank,
#showProductStyle_2 li .blank,
#showProduct li .blank { height: 100%; width: 1px; display: -moz-inline-box; display: inline-block; vertical-align: middle; visibility: hidden; }
#showProductStyle_1 li .name,
#showProductStyle_2 li .name,
#showProduct li .name { display: block; line-height: 20px; clear: left; }
#showProductStyle_1 li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; height: 72px; width: 137px; margin-left: 15px; padding: 0; margin-top: 15px; }
#showProductStyle_1 li .ahref { display: block; text-align: center; overflow: hidden; white-space: nowrap; background: url(/images/huizhang_bg.gif) no-repeat left top; width: 137px; float: left; height: 52px; }
#showProductStyle_2 li { float: left; display: inline; position: relative; list-style: none; overflow: hidden; height: 101px; width: 138px; margin-left: 15px; padding: 0; margin-top: 15px; }
#showProductStyle_2 li .ahref { display: block; text-align: center; overflow: hidden; white-space: nowrap; background: url(/images/ka_bg.gif) no-repeat left top; width: 138px; float: left; height: 81px; }
#course { display: block; margin: 0; padding: 0; }
#course p { line-height: 28px; background: #F4F4F4; list-style: none; font-weight: bold; padding-left: 12px; margin: 0; display: block; }
#course ul { display: block; margin: 0; padding: 0; }
#course ul li { background: #FFFFFF url(/images/point.gif) no-repeat 16px 10px; list-style: none; font-weight: normal; line-height: 24px; margin: 0 2px 2px; padding: 0 0 0 24px; border-bottom: 1px solid #F4F4F4; }
#course ul .last { border-width: 0; }
#certif { display: block; margin: 13px 0 0; padding: 0; }
#certif li { display: block; text-align: center; width: 50%; float: left; background: url(/images/licence_box.gif) no-repeat center top; overflow: hidden; margin: 0; padding: 10px 0 0; }
#certif li .preview { height: 184px; width: 222px; display: block; overflow: hidden; margin: 0 auto; text-align: center; padding: 0; }
#certif li .name { display: block; text-align: center; line-height: 24px; height: 37px; padding-top: 10px; }
#public p { display: block; line-height: 24px; background: #F4F4F4 url(/images/point.gif) no-repeat 5px 10px; clear: both; padding-left: 15px; margin: 0; }
#public .txt { display: block; margin: 0; padding: 0; }
#public .txt li { line-height: 26px; display: block; float: left; width: 45%; padding-left: 5%; background: url(/images/list_icon.gif) no-repeat 15px center; }
#ballot h3 { display: block; background: #F4F4F4; line-height: 26px; font-weight: normal; padding-left: 12px; margin: 0; }
#ballot .title { line-height: 30px; display: block; margin-left: 1px; font-weight: bold; text-align: center; }
#ballot p { display: block; clear: both; padding-left: 24px; line-height: 20px; margin: 5px 0; position: relative; height: 20px; }
#ballot .subject { display: block; width: 124px; position: absolute; left: 0; top: 0; padding-left: 24px; }
#ballot .scale { display: block; background: #FF6600; width: 200px; position: absolute; left: 124px; top: 0; height: 20px; }
#ballot .number { position: absolute; left: 40%; top: 0; }
#sideBar { position: fixed; width: 48px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop || document.body.scrollTop) +eval(document.documentElement.clientHeight || document.body.clientHeight) -400+'px');
z-index: 998; padding: 1px; left: 50%; margin-left:420px; }
#sideBarMain { /*margin: 80px auto;*/ position: relative; width: 48px; background: #096; }
#navigationMenu {margin-left:0px;padding-left:0;}
#navigationMenu li { list-style: none; height: 48px; width: 48px; padding: 1px; }
#navigationMenu #goTop { display: none; }
#navigationMenu span { /* Container properties */ width: 0; padding: 0; position: absolute; overflow: hidden; font-size: 16px; font-weight: bold; letter-spacing: 0.6px; white-space: nowrap; line-height: 48px; /* CSS3 Transition: */ -webkit-transition: 0.25s; /* Future proofing (these do not work yet): */ -moz-transition: 0.25s; transition: 0.25s; right: 0px; color: #FFF; }
#navigationMenu a { background: #b7c4ca url(/public/images/default/sideBar.gif) no-repeat 0px 0px; height: 48px; width: 48px; display: block; position: relative; }
/* General hover styles */
#navigationMenu a:hover span { width: auto; padding: 0 15px 0 48px; overflow: visible; line-height: 48px; background: #09f url(/public/images/default/sideBar.gif) no-repeat 0px 0px; }
#navigationMenu a:hover { zoom: 1; text-decoration: none; /* CSS outer glow with the box-shadow property */ -moz-box-shadow: 0 0 5px #9ddff5; -webkit-box-shadow: 0 0 5px #9ddff5; box-shadow: 0 0 5px #9ddff5; padding: 0px; }
#navigationMenu .tel { background-position: 0 0; }
#navigationMenu .tel:hover { background-position: 0 -192px; }
#navigationMenu .tel span { background-color: #09f; color: #f6f6f6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .tel:hover span { background-position: 0 -192px; }
#navigationMenu .mail { background-position: 0 -48px; }
#navigationMenu .mail:hover { background-position: 0 -240px; }
#navigationMenu .mail span { background-color: #09f; color: #f6f6f6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .mail:hover span { background-position: 0 -240px; }
#navigationMenu .qq { background-position: 0 -96px; }
#navigationMenu .qq:hover { background-position: 0px -288px; }
#navigationMenu .qq span { background-color: #09f; color: #f6f6f6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .qq:hover span { background-position: 0 -288px; }
#navigationMenu .goTop { background-position: 0 -144px; }
#navigationMenu .goTop:hover { background-position: 0 -336px; }
#navigationMenu .goTop span { background-color: #09f; color: #F6F6F6; text-shadow: 1px 1px 0 #000; }
#navigationMenu .goTop:hover span { background-position: 0 -336px; }